<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="./css/public.css">
    <style media="screen">
      ul{

      }
      ul li {
        float:left;
      }
      ul li a{
        display: block;
        width: 92px;
        height: 92px;
        text-align: center;
        line-height: 92px;
      }
      ul li a img{
        vertical-align: middle;
      }
      ul li a:hover{
        background: url(images/bg.png) no-repeat;
      }
    </style>
  </head>
  <body>
    <ul>
      <li>
        <a href="#">
          <img src="images/logo1.png" alt="">
          <!-- <i class="valign"></i> -->
        </a>
      </li>
      <li>
        <a href="#">
          <img src="images/logo2.png" alt="">
          <!-- <i class="valign"></i> -->
        </a>
      </li>
      <li>
        <a href="#">
          <img src="images/logo3.png" alt="">
          <!-- <i class="valign"></i> -->
        </a>
      </li>
      <li>
        <a href="#">
          <img src="images/logo4.png" alt="">
          <!-- <i class="valign"></i> -->
        </a>
      </li>
      <li>
        <a href="#">
          <img src="images/logo5.png" alt="">
          <!-- <i class="valign"></i> -->
        </a>
      </li>
      <li>
        <a href="#">
          <img src="images/logo6.png" alt="">
          <!-- <i class="valign"></i> -->
        </a>
      </li>
      <li>
        <a href="#">
          <img src="images/logo7.png" alt="">
          <!-- <i class="valign"></i> -->
        </a>
      </li>
    </ul>
  </body>
</html>
